<!DOCTYPE html>
<html lang="en">
<head>
    <!--属性选择器-->
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        /*通用选择器*/
        *[tti]{
            background-color: red;
            width:20px;
            height:50px;
        }
        /*选择紧接在一个元素后的元素，而且两个元素
        必须有相同的父元素。
        紧接在h1 元素后面的出现的段落 的上边距50px，边框变为蓝色
        */
        h1+p{
            border:1px solid blue;
            margin-top: 50px;
        }
        .div2+.div3{
            border: 2px solid green;
            margin-top: 30px;
        }


    </style>
</head>
<body>
    <div tti="a"></div>
    <h1>h1</h1>
<p>p段落</p>
<div class="div2">div2</div>
<div class="div3">div3</div>

</body>
</html>